﻿<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">
		<title>四川省辽宁商会</title>
		<link rel="shortcut icon" href="image/favicon.ico" type="image/x-icon" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href=" css/index.css">
		<link rel="stylesheet" href=" css/top.css">
		<link rel="stylesheet"
			href=" framework/bootstrap-3.0.0/css/bootstrap.css">
		<link rel="stylesheet"
			href=" framework/bootstrap-3.0.0/css/bootstrap.min.css">
		<link rel="stylesheet"
			href=" framework/bootstrap-3.0.0/css/bootstrap-theme.css">
		<link href=" framework/bootstrap-3.0.0/css/bootstrap-combined.min.css"
			rel="stylesheet">

		<link rel="stylesheet" type="text/css"
			href="common/front/style/style.css" />
		<script src="common/front/js/jquery-1.11.3.min.js"></script>
		<script src="common/front/js/bootstrap.min.js"></script>
		<link rel="stylesheet" type="text/css"
			href="<%=basePath%>common/front/style/style.css">
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
		<meta http-equiv=“X-UA-Compatible” content=“IE=7″>
		<meta http-equiv=“X-UA-Compatible” content=“IE=8″>
		<!–[if lt IE 7]>
		<script
			src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js”
			type=”text/javascript”></script>
		<![endif]–>

		<!–[if lt IE 8]>
		<script
			src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js”
			type=”text/javascript”></script>
		<![endif]–>

		<!–[if lt IE 9]>
		<script
			src=”http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js”></script>
		<![endif]–>
		<style type="text/css">
a {
	text-decoration: none;
	color: black !important;
	font-size: 14px;
}

a:hover {
	color: #008fd7 !important;
	text-decoration: none;
}

.x .tit a:hover {
	color: red !                                     iomportant;
}

#tab1 .active th:HOVER {
	cursor: pointer;
}

#tab3 .active th:HOVER {
	cursor: pointer;
	color: white !important;
}
</style>
		<script>

	function show(li) {
		var th = li.getElementsByTagName("span")[0];
		th.style.color = "red";
		var p = li.getElementsByTagName("input")[0].value;
		var img1 = document.getElementById("mximg1");
		img1.src = p;
		var img2 = document.getElementById("mximg2");
		img2.src = p;
		var img3 = document.getElementById("mximg3");
		img3.src = p;

	}
	function hides(li) {
		var submenu = li.getElementsByTagName('span')[0];
		submenu.style.color = "black";
	}
</script>

	</head>
	<body
		style="background-color: #fff; font-family: Microsoft YaHei; overflow-y: scroll">
		<div style="top: 0px;"><jsp:include page="top.jsp"></jsp:include></div>

		<div class="show5">

			<div class="container-fluid" style="padding: 0;">
				<div class="row" style="padding: 0; margin: 0; margin-top: 10px">
					<div class="col-md-10 col-sm-10 col-xs-10"
						style="padding: 0; margin: 0; padding-right: 1%">

						<div class="row" style="padding: 0; margin: 0;">
							<div class="col-md-5 col-sm-5 col-xs-5"
								style="padding: 0; margin: 0; padding-right: 1%">
								<div style="overflow: hidden" id="carousel-example-generic"
									class="carousel slide" data-ride="carousel">
									<ol class="carousel-indicators">
										<li data-target="#carousel-example-generic" data-slide-to="0"
											class="active"></li>
										<li data-target="#carousel-example-generic" data-slide-to="1"></li>
										<li data-target="#carousel-example-generic" data-slide-to="2"></li>
										<li data-target="#carousel-example-generic" data-slide-to="3"></li>
									</ol>
									<div class="carousel-inner" role="listbox">
										<c:forEach items="${imglist}" var="lunbopic">
											<div>
												<a href="front/xwimginfo?title=${lunbopic.title}"><img
														src="${lunbopic.imgurl }" alt=""
														style="height: 26.5vw; width: 100%"> </a>
											</div>
											<div class="carousel-caption"
												style="filter: alpha(opacity :           30); opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; background-color: #1f4b9c;">

											</div>
											<div class="tit"
												style="position: absolute; top: 90% !important; z-index: 9999 !important; left: 1% !important; color: white">
												<a href="front/xwimginfo?title=${lunbopic.title}"
													style="color: white !important;">${lunbopic.title }</a>
											</div>
										</c:forEach>
									</div>

								</div>
							</div>
							<div class="col-md-7 col-sm-7 col-xs-7"
								style="padding: 0; margin: 0; padding-right: 1%">

								<table width="100%">
									<tr>
										<td style="background: #eee;">
											<div class="title">
												商会动态
											</div>
										</td>
									</tr>
								</table>
								<div
									style="margin-left: 2%; margin-right: 3%; margin-bottom: 1%">
									<c:forEach items="${dongtai}" var="tz">
										<ul style="margin: 0 !important;">
											<li style="list-style: none;">
												<div class="tit" style="width: 70%;">
													<img alt="" src="image/dt.gif">
													<a href="front/tzinfo?id=${tz.id }"> ${tz.title }</a>
												</div>
												<div class="time">
													${tz.time }
												</div>
											</li>
										</ul>
									</c:forEach>
								</div>
							</div>
						</div>

						<br>
					</div>

					<div class="col-md-2 col-sm-2 col-xs-2"
						style="padding: 0; margin: 0;">

						<c:forEach items="${two}" var="tema">
							<li class="col-md-12 col-sm-12 col-xs-12"
								style="list-style-type: none; margin-left: 2%; margin-bottom: 5px; padding: 0px">
								<img src="${tema.imgurl }" style="width: 100%; height: auto;" />
								<div style="text-align: center;">
									${tema.title }
								</div>
							</li>
						</c:forEach>
					</div>
				</div>
				<div class="row" style="padding: 0; margin: 0; margin-top: 10px;">
					<div class="col-md-12 col-sm-12 col-xs-12"
						style="padding: 0; margin: 0;">
						<table width="100%">
							<tr>
								<td style="background: #eee;">
									<div class="titles"
										style="color: #00A2E9; border-bottom: 2px solid #00A2E9; height: 45px;">
										<p style="margin-left: 10px; font-weight: 600">
											&nbsp;会员风采
										</p>
									</div>
									<div class="more3">
										<a href="front/zhibu">更多 <img src=" image/3.png" /> </a>
									</div>
								</td>
							</tr>
						</table>

						<br>
						<div class="row" style="padding: 0; margin: 0; margin-top: 10px">
							<div class="col-md-2 col-sm-2 col-xs-2"
								style="padding: 0; margin: 0;">
								<div class="row" style="padding: 0; margin: 0;">
									<div class="col-md-2 col-sm-2 col-xs-2"
										style="padding: 0; margin: 0;">
										<img style="height: 12.2vw;" src=" image/hz.png" alt="" />
									</div>
									<div class="col-md-10 col-sm-10 col-xs-10"
										style="padding: 0; margin: 0;">
										<c:forEach items="${hz}" var="te">
											<a href="front/zbinfo?id=${te.id }"><img
													style="height: 12.2vw;" src=" ${te.imgurl }" alt="" /> </a>
											<br />
											<a href="front/zbinfo?id=${te.id }"
												style="text-align: center;">${te.title }</a>
											<br />
										商会职位：${te.type }
									<br />
										企业名称：${te.comname }
									
										</c:forEach>
									</div>
								</div>
							</div>

							<div class="col-md-10 col-sm-10 col-xs-10"
								style="padding: 0; margin: 0;">

								<div class="next" style="display: inline">
									<img style="width: inherit; height: inherit;"
										src=" image/next.png" alt="">
								</div>
								<div class="prev" style="display: inline">
									<img style="width: inherit; height: inherit;"
										src=" image/prev.png" alt="">
								</div>

								<div style="overflow: hidden">

									<div class="con"
										style="height: inherit; overflow: hidden; width: 3475px;">
										<c:forEach items="${fengcai}" var="te">
											<div class="img" style="display: inline;float: left;">
											<div>
												<a href="front/zbinfo?id=${te.id }"><img class="picture"
														src=" ${te.imgurl}" alt=""> </a></div>
												<div style=" font-size: 1vw;">
													<a href="front/zbinfo?id=${te.id }"
														style="color: #008fd7 !important"> ${te.title }</a>
												</div>
												<div style="text-align: left; font-size: 1vw;">
													商会职位：${te.type }
												</div>

												<div style="text-align: left; font-size: 1vw;">
													企业名称：${te.comname }
												</div>

											</div>

										</c:forEach>

									</div>

								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row" style="padding: 0; margin: 0; margin-top: 10px">
					<div class="col-md-12 col-sm-12 col-xs-12"
						style="padding: 0; margin: 0;">
						<table width="100%">
							<tr>
								<td style="background: #eee;">
									<div class="titles"
										style="color: #41ae41; border-bottom: 2px solid #41ae41; height: 45px;">
										<p style="margin-left: 10px; font-weight: 600">
											&nbsp;友情链接
										</p>
									</div>
								</td>
							</tr>
						</table>
						<br>
						<div class="row" style="padding: 0; margin: 0; margin-top: 10px">
							<div class="col-md-12 col-sm-12 col-xs-12"
								style="padding: 0; margin: 0;">
								<div style="width: 10%; margin: 0 0 1% 1%;">
									<img alt="" src="image/zf.png">
								</div>
								<c:forEach items="${zhengfu}" var="tema">
									<li class="col-md-2 col-sm-2 col-xs-2"
										style="list-style-type: none; width: 11%; margin-left: 2%; margin-bottom: 5px; padding: 0px">
										<a href="${tema.url  }">${tema.title } </a>
									</li>
								</c:forEach>
							</div>
						</div>
						<div class="row" style="padding: 0; margin: 0; margin-top: 10px">
							<div class="col-md-12 col-sm-12 col-xs-12"
								style="padding: 0; margin: 0;">
								<div style="width: 10%; margin: 0 0 1% 1%;">
									<img alt="" src="image/mt.png">
								</div>
								<c:forEach items="${meiti}" var="tema">
									<li class="col-md-2 col-sm-2 col-xs-2"
										style="list-style-type: none; width: 11%; margin-left: 2%; margin-bottom: 5px; padding: 0px">
										<a href="${tema.url }">${tema.title } </a>
									</li>
								</c:forEach>
							</div>
						</div>
						<div class="row" style="padding: 0; margin: 0; margin-top: 10px">
							<div class="col-md-12 col-sm-12 col-xs-12"
								style="padding: 0; margin: 0;">
								<div style="width: 10%; margin: 0 0 1% 1%;">
									<img alt="" src="image/qy.png">
								</div>
								<c:forEach items="${qiye}" var="tema">
									<li class="col-md-2 col-sm-2 col-xs-2"
										style="list-style-type: none; width: 11%; margin-left: 2%; margin-bottom: 5px; padding: 0px">
										<a href="${tema.url  }">${tema.title } </a>
									</li>
								</c:forEach>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer"><jsp:include page="bottom.jsp" flush="true"></jsp:include></div>
	</body>
	<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
	<script
		src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
	<script>
	$(document).ready(function() {
		$('#myCarousel').carousel();
	});
</script>
	<script>
	

	var len = $(".img").length;
	var timeoutTicket;
	function loop() {
		if (timeoutTicket) {
			clearTimeout(timeoutTicket);
		}
		timeoutTicket = setTimeout(function() {
			$(".img").eq(0).animate( {
				marginLeft : -500
			}, function() {
				$(".img").eq(0).appendTo($(".img").parent()).css( {
					marginLeft : 10
				});
				loop();
			});
		}, 2000);
	};
	$(".prev").on("mouseover", function() {
		clearTimeout(timeoutTicket);
	});
	$(".prev").on("mouseout", function() {
		loop();
	});
	$(".prev").on("click", function() {
		$(".img").eq(len - 1).remove().css( {
			marginLeft : -500
		}).prependTo($(".img").parent()).animate( {
			marginLeft : 10
		}, loop);
	});
	$(".next").on("mouseover", function() {
		clearTimeout(timeoutTicket);
	});
	$(".next").on("mouseout", function() {
		loop();
	});
	$(".next").on("click", function() {
		$(".img").eq(0).animate( {
			marginLeft : -500
		}, function() {
			$(this).remove().css( {
				marginLeft : 10
			}).appendTo($(".img").parent());
			loop();
		});
	});
	loop();
</script>

</html>